<template>
  <div >
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>卡片名称</span>
        <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
      </div>
      <div v-for="o in 4" :key="o" class="text item">
        {{'列表内容 ' + o }}
      </div>
    </el-card>
  </div>
</template>

<script>
  export default{
    name:"Target",
    data:function(){
      return{
        list:["Python","Java","C++","大数据","Python","Java","C++","大数据","Python","Java","C++","大数据","Python","Java","C++","大数据"]
      }
    }
  }
</script>

<style scoped="scoped" lang="less">
  .el-card__body {
    padding: 0px;
  }
  .text {
    font-size: 14px;
  }

  .item {
    /* margin-bottom: 18px; */
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 100%;
  }
</style>
